@charset "UTF-8";
.back {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.graphic.col-2 {
  *height: 1%;
  *height: auto !important; }
  .graphic.col-2:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden; }

.hgroup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.hgroup, .flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box; }

.hgroup {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center; }

.hgroup {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  -o-box-pack: center;
  box-pack: center; }

/*!
*制订日期	2016.09.01
*当前版本	beta0.1
*作者       杨海民
*最后更新	2014.12.19
 */
/*--------------------------------------------------------------
1. 主色、配色
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2. 常规色
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3. 文本框
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4. 单选框
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5. 占位空隙
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6. 占位空隙
--------------------------------------------------------------*/
.hor {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  -o-box-orient: horizontal;
  box-orient: horizontal;
  word-break: break-all; }
  .hor .f1, .hor .f2, .hor .f3, .hor .f4, .hor .f5, .hor .f6, .hor .f7 {
    width: 1%;
    position: relative; }

.ver {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  word-break: break-all; }
  .ver .f1, .ver .f2, .ver .f3, .ver .f4, .ver .f5, .ver .f6, .ver .f7 {
    height: 1%;
    position: relative; }

.f1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1; }

.f2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2; }

.f3 {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -ms-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3; }

.f4 {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-box-flex: 4;
  -o-box-flex: 4;
  box-flex: 4; }

.f5 {
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  -ms-box-flex: 5;
  -o-box-flex: 5;
  box-flex: 5; }

.f6 {
  -webkit-box-flex: 6;
  -moz-box-flex: 6;
  -ms-box-flex: 6;
  -o-box-flex: 6;
  box-flex: 6; }

.f7 {
  -webkit-box-flex: 7;
  -moz-box-flex: 7;
  -ms-box-flex: 7;
  -o-box-flex: 7;
  box-flex: 7; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 998; }

footer {
  background: #463b25;
  font-size: .9rem;
  padding: 1rem;
  color: #d5c49c;
  text-align: center; }

#container {
  padding: 0 1.2rem 2rem; }

.menu {
  position: fixed;
  z-index: 9999;
  top: 1.7rem;
  right: 1.7rem; }
  .menu.open ul {
    display: block; }
  .menu ul {
    display: none;
    position: absolute;
    right: 0;
    top: 4.5rem;
    width: 10rem;
    background: rgba(0, 0, 0, 0.8);
    border-radius: .5rem;
    padding: .8rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .menu ul:before {
      position: absolute;
      content: '';
      border-bottom: 1.1rem solid rgba(0, 0, 0, 0.8);
      border-left: 1.1rem solid transparent;
      border-right: 1.1rem solid transparent;
      top: -1.1rem;
      right: .7rem; }
    .menu ul a {
      color: #fff;
      font-size: 1.3rem;
      display: block;
      padding: .8rem 0;
      text-align: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .menu ul a:last-child {
        border-bottom: none; }

.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .icon.w1 {
    width: 3rem;
    height: 3rem; }
  .icon.w2 {
    width: .85rem;
    height: .85rem; }

.icon-menu-btn {
  background-image: url(../images/icon-menu-btn.png); }

.icon-back {
  background-image: url(../images/back.png); }

.icon-arrow-down {
  background-image: url(../images/icon-arrow-down.png); }

.icon-jobs {
  background-image: url(../images/icon-jobs.png); }

.swiper-pagination-bullet {
  width: .6rem;
  height: .6rem;
  background: #fff;
  opacity: 1; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #cab68b; }

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 .3rem; }

nav {
  border-bottom: 1px solid #d5d5d5;
  text-align: center;
  font-size: 0; }
  nav a {
    display: inline-block;
    width: 7.8rem;
    height: 8.8rem;
    margin: 1.4rem 1.3rem;
    background: url(../images/category-bg.png) no-repeat;
    background-size: cover; }
  nav img {
    width: 3.8rem;
    margin: 1.2rem 0 .2rem; }
  nav .txt {
    font-size: 1.2rem;
    color: #fff; }

.colmun-title {
  padding: 1.5rem 0;
  font-size: 20px;
  text-align: center;
  color: #686868;
  font-weight: normal; }
  .colmun-title span {
    position: relative; }
    .colmun-title span:before, .colmun-title span:after {
      position: absolute;
      top: 50%;
      content: '';
      width: .4rem;
      height: .4rem;
      margin-top: -.2rem;
      background: #686868;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .colmun-title span:before {
      left: -1rem; }
    .colmun-title span:after {
      right: -1rem; }

.cover-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.graphic {
  padding: 0 .8rem; }
  .graphic.col-2 figure {
    float: left;
    width: 50%; }
  .graphic.col-2 figcaption {
    height: 3.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .graphic figure {
    padding: 0 .8rem;
    margin-bottom: 1.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .graphic .warp {
    border: 1px solid #d8d8d8;
    border-radius: 1px;
    padding: .4rem .4rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .graphic figcaption {
    margin: 1rem 0;
    font-size: 1.1rem;
    color: #333333;
    font-size: 1.2rem; }
  .graphic time {
    display: block;
    border-top: 1px solid #d8d8d8;
    padding: 1rem 0;
    font-size: .8rem; }

.menu-tab-warp {
  margin-bottom: 2rem;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  height: 3.3rem; }

.menu-tab {
  height: 3.1rem;
  border-bottom: 1px solid #dedede; }
  .menu-tab a {
    position: relative;
    float: left;
    border-right: 1px solid #dedede;
    font-size: 1rem;
    color: #666666;
    padding: 0 1.3rem;
    line-height: 3.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .menu-tab a.current {
      color: #cab68b;
      font-weight: bold; }
    .menu-tab a.current:before {
      position: absolute;
      content: '';
      height: 3px;
      left: 0;
      right: 0;
      background: #fff;
      bottom: -2px; }

.hgroup h1 {
  font-size: 1.8rem;
  color: #ece2bf; }
.hgroup h2 {
  font-size: 1.15rem;
  letter-spacing: .2rem;
  font-weight: normal;
  color: #ede3c0; }
.hgroup .line {
  position: relative;
  display: block;
  height: 1px;
  margin: .8rem 0;
  background: rgba(255, 255, 255, 0.2); }
  .hgroup .line:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: .4rem;
    height: .4rem;
    margin-top: -.2rem;
    margin-left: -.2rem;
    background: #ece3bf;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

article header {
  margin-bottom: 1rem;
  text-align: center;
  border-bottom: 1px solid #cacaca; }
  article header p {
    padding: .7rem 0;
    font-size: .9rem;
    color: #666; }
article .title {
  font-size: 1.4rem;
  font-weight: normal;
  color: #333; }
article .article {
  font-size: 1.1rem;
  line-height: 2rem; }
  article .article p {
    margin-bottom: 2rem; }
article img {
  max-width: 100%; }

.back {
  padding: .5rem 1rem;
  font-size: 1rem;
  border: 1px solid #bfbfbf;
  border-radius: 3px; }

.jobs {
  padding: 0 1.2rem; }
  .jobs .item {
    position: relative;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 2rem; }
  .jobs a.icon {
    position: absolute;
    top: 50%;
    margin-top: -1.5rem;
    right: 0; }

input[type=text], textarea {
  border: 1px solid #d0d0d0;
  border-radius: .5rem;
  height: 3.6rem;
  width: 100%;
  padding: 1rem;
  margin-bottom: .8rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

textarea {
  height: 18.8rem; }

input[type=reset],
input[type=submit] {
  border: none;
  padding: 0;
  border-radius: .5rem;
  height: 3.6rem;
  width: 100%;
  background: #9e8555;
  color: #fff;
  font-size: 1.3rem;
  margin-bottom: .8rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

input[type=submit] {
  background: #0b0b0b; }

.contact {
  line-height: 2rem;
  font-size: 1.05rem; }

.map-warp {
  margin-top: 1.5rem;
  height: 18rem; }

.scroll-more-btn {
  text-align: center;
  padding: .5rem 0 2.5rem; }
